<template>
    <div class="cart">
      <nav-bar class="navBar">
        <div slot="center">购物车（{{cartLength}}）</div>
      </nav-bar>
      <cart-list></cart-list>
      <cart-botton-bar></cart-botton-bar>
    </div>
</template>
<script>

import NavBar from "@/components/common/navbar/NavBar";

import {mapGetters} from "vuex"

import CartList from"./childComps/CartList"
import CartBottonBar from './childComps/CartBottonBar.vue';
export default {
      name:'Cart',
      components: {
        CartList,
        NavBar,
       CartBottonBar
      },
      computed:{
        ...mapGetters(['cartLength'])
      }
}
</script>
<style scoped>
 .navBar{
   background: #ff8198;
   color: #fff;
 }
</style>
